<template>
    <div class="study-progress">
      <Study v-if="tabId === 1" />
     </div>
</template>

<script>
import Study from './Study'
import { mapGetters } from 'vuex'

export default {
  name: 'index',
  data () {
    return {
      tabId: 1
    }
  },
  computed: {
    ...mapGetters([
      'loginInfo'
    ])
  },
  components: {
    Study
  },
  mounted () {
  },
  methods: {
    changeTab (tab) {
      this.tabId = tab
    }
  }
}
</script>
<style scoped lang="scss">
.study-progress {
  .top-select {
    padding: 20px;
  }
}
</style>
